<nav class="bar bar-tab">
    <a class="tab-item external " href="javascript:app.turnHref('index.html','#index','index.html#index');">
        <span class="icon icon-home"></span>
        <span class="tab-label">首页</span>
    </a>
    <a class="tab-item external active" href="javascript:app.turnHref('index.html','#index','index.html#search');">
        <span class="icon icon-search"></span>
        <span class="tab-label">搜索</span>
    </a>
    <a class="tab-item external" href="javascript:app.turnHref('index.html','#index','index.html#consult');">
        <span class="icon icon-emoji"></span>
        <span class="tab-label">咨询</span>
    </a>
    <a class="tab-item external" href="javascript:app.turnHref('index.html','#index','index.html#mine');">
        <span class="icon icon-me"></span>
        <span class="tab-label">用户</span>
    </a>
</nav>
<div class="search-box to-padding-top">
    <div class="search-bar">
        <div class="searchbar row">
            <div class="search-input col-75">
                <label style="color: #ffffff" class="icon icon-search" for="search"></label>
                <input type="search" id='search' ng-model="keyWords" placeholder='输入关键字...'/>
            </div>
            <div class="col-25 filter" onclick="$.openPanel('#panel');">
                <span class="fa fa-filter">&nbsp;筛选</span>
            </div>
        </div>
    </div>
</div>
<div class="content infinite-scroll search-content" ng-init="">
    <div class="filter-type">
        <div class="content-block-title">筛选：{{typeChecked.goodsTypeName}}</div>
    </div>
    <div class="content-block-title" ng-if="groupList.length==0" style="text-align: center">没有找到任何团</div>
    <div class="list-block media-list group-list">
        <ul>
            <li ng-repeat="group in groupList">
                <a ng-click="turnDetail(group)" class="item-content">
                    <div class="item-media"><img ng-src="{{group.src[0]}}"></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">{{group.groupTitle}}</div>
                        </div>
                        <div class="item-text">{{group.groupSynopsis}}</div>
                        <div class="item-bottom">团购价:<span class="g-price">{{group.groupPrice|currency:'￥'}}</span>
                        </div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>
<div class="panel-overlay"></div>
<!-- Left Panel with Reveal effect -->
<div class="panel panel-right panel-cover theme-dark" id='panel'>
    <div class="panel-top">
        <p>请选择团类型</p>
    </div>
    <div class="list-block panel-list ">
        <ul>
            <li ng-repeat="type in goodsTypes">
                <label class="label-checkbox item-content">
                    <input type="radio" ng-model="$parent.typeChecked.goodsTypeId" ng-value="type.goodsTypeId">

                    <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                    <div class="item-inner">
                        <div class="item-title-row">
                            <div class="item-title">{{type.goodsTypeName}}</div>
                        </div>
                    </div>
                </label>
            </li>
        </ul>
    </div>
    <div class="bot-box">
        <div class="row">
            <div class="button col-50 reset close-panel" ng-click="reset();">重置</div>
            <div class="button col-50 sure close-panel">确定</div>
        </div>
    </div>
</div>
<div ng-init="suiMobileInit(true);getAllGroupTypes();"></div>